<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/02.css" />
	</head>
	<body>
		<header>
			<span><img src="../img/01.png" alt="" /></span>
			<span>ZXIU  走秀</span>
			<span></span>
		</header>
		<div class="search">
			<div>
				
				<input type="text"  class="text" value="请输入如下"/>
			</div>
		</div>
		<section>
			<ul>
				<li class="first curr">全部<span></span></li>
				<li>衬衫<span><img src="../img/07.png"  /></span></li>
				<li>女装T<span><img src="../img/07.png"  /></span></li>
				<li>珠宝<span><img src="../img/07.png"  /></span></li>
				<li>童装<span><img src="../img/07.png"  /></span></li>
				<li>婴儿装<span><img src="../img/07.png"  /></span></li>
				<li>蕴热装<span><img src="../img/07.png" /></span></li>
				<li>潮流前线<span><img src="../img/07.png" /></span></li>
			</ul>
		</section>
		<div class="kong"></div>
		<footer>
			<ul>
				<li><img src="../img/09.png" alt="" /><a href="#">首页</a></li>
				<li><img src="../img/10.png" alt="" /><a href="#">分类</a></li>
				<li><img src="../img/11.png" alt="" /><a href="#">购物车</a></li>
				<li><img src="../img/12.png" alt="" /><a href="#">我的秀</a></li>
				<li><img src="../img/13.png" alt="" /><a href="#">更多</a></li>
			</ul>
		</footer>
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<script>
			$(function(){
				$('section ul li:first').click(function(){
					$('li:not(.first)').toggleClass('curr1');
					$('li.first').toggleClass('curr');
				})
				})
		</script>
	</body>
</html>
